<!DOCTYPE html>
<html lang="utf-8">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>易备安数据管理平台</title>

    <!-- Bootstrap -->
    <link href="/web/css/bootstrap/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
    	ul,li{
    		margin:0;
    		padding:0;
    		list-style: none;
    	}
    	.info-ul li{
    		height:50px;
    		line-height: 50px;
    	}
    	.span-label{
    		font-size:25px;
    		
    	}
    	.span-value{
    		font-size:25px;
    	}
    </style>
  </head>
  <body>
  <div class="container" style="background: url('/web/images/certificate.jpg') center center no-repeat;height:460px;">
  	<div id="authInfo" style="width:450px;margin:0 auto;margin-top:220px;overflow:hidden">
  		<ul class="info-ul">
  			<li>
  				<span class="span-label">授权单位:</span>
  				<span id="unit" class="span-value"></span>
  			</li>
  			<li>
  				<span class="span-label">激活时间:</span>
  				<span id="startTime" class="span-value">2015年11月4日14:22:57</span>
  			</li>
  			<li>
  				<span class="span-label">有效时间:</span>
  				<span id="endTime" class="span-value">2015年11月4日14:22:50</span>
  			</li>
  		</ul>
  	</div>
  </div>
  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="/web/js/jquery/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="/web/js/bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript">
    	$(window).load(function(){
    		var stime = parent.$("#authStartTime").val();
    		var etime = parent.$("#authEndTime").val();
    		var customerName = parent.$("#customerName").val();
    		var username = parent.$("#session_username").html();
    		
    		$("#startTime").html(new Date(stime*1).toLocaleString());
    		$("#endTime").html(new Date(etime*1).toLocaleString());
    		$("#unit").html(customerName+"("+username+")");
    		
    		var $H = $(window).height();
    		var dHeight = $(".container").height();
        	$(".container").animate({"margin-top":(($H-dHeight)/2)-86},"slow");
    	});
    </script>
  </body>
</html>